<script lang="ts" setup>

const { t, locale } = useI18n();
const activeTab = ref(0)

interface Props {
  address: string
  contract_name: string
  currency_name: string
}
defineOptions({
  name: 'AppAddressSelectItem',
})
const props = defineProps<Props>()

</script>

<template>
  <div class="flex flex-col gap-[.375rem] border-b border-b-bg-black-4 w-full py-[1rem]">
    <div class="flex gap-[.5rem] items-center">
        <div class="text-text-white-0 text-[.75rem]">{{ props.currency_name }}</div>
        <div class="text-brand bg-brand-200 rounded-[.25rem] text-[.625rem] px-[.25rem]">{{ props.contract_name }}</div>
    </div>
    <div class="text-[.75rem]">{{ props.address }}</div>
  </div>
</template>